﻿<%@ page     contentType="text/html;charset=utf-8" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title></title>
</head>

<link rel="stylesheet" href="../main/css/frame.css" />
<link rel="stylesheet" href="../main/combojs/assets/css/amazeui.min.css" />
<link rel="stylesheet" href="../main/css/jquery-ui.min.css" />
<link rel="stylesheet" href="../main/combojs/chrometabs/chrome-tabs.css" />
<link rel="stylesheet" href="../main/combojs/gc/gcspread.sheets.excel2013white.9.40.20153.0.css"  />
<link rel="stylesheet" href="../main/combojs/jstree/dist/themes/default/style.min.css" />
<link rel="stylesheet" href="../main/combojs/colorpick/spectrum.css"/>
<link rel="stylesheet" href="../main/combojs/assets/css/navigatorBar.css" />
<link rel="stylesheet" href="../main/css/worksheet.css" />
<link rel="stylesheet" href="../main/combojs/toastr/toastr.min.css" />
<link rel="stylesheet" href="../main/css/ydd.css" />
<link rel="stylesheet" href="../main/css/design.css" />

<script type="text/javascript" src="../main/combojs/jquery.min.js"></script>
<script type="text/javascript" src="../main/combojs/chrometabs/jquery-ui.min.js"></script>
<script type="text/javascript" src="../main/combojs/gc/gcspread.sheets.all.9.40.20153.0.min.js"></script>
<script type="text/javascript" src="../main/combojs/wrcomm/wrench.js"></script>
<script type="text/javascript" src="../main/combojs/cellplus/cellplus.comm.js"></script>
<script type="text/javascript" src="../main/combojs/cellplus/cellplus_gc.js"></script>
<script type="text/javascript" src="../main/combojs/vue.js"></script>
<script type="text/javascript" src="../main/combojs/xlsx.js"></script>

<body>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd">
            Hello world！
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="my-alert2">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">提示</div>
        <div class="am-modal-bd">
            Hello world！
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-prompt" tabindex="-1" id="my-input">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Amaze UI</div>
        <div class="am-modal-bd">
            <input type="text" class="am-modal-prompt-input">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>提交</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-prompt" tabindex="-1" id="my-localFile">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">Amaze UI</div>
        <div class="am-modal-bd">
            <input type="file" name="test" />
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="confirm()">提交</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="buttonCellModal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            按钮类型设置
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">

            <label for="" class="am-u-sm-2">文本:</label>
            <input type="text" class="am-modal-prompt-input" v-model="buttonText">
            <label for="" class="am-u-sm-2">颜色:</label>
            <button type="button" id="button-color" class="am-btn am-btn-default" v-bind:style="{backgroundColor: backColor}">按钮颜色</button>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="autocode-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            {{title}}
        </div>
        <div class="am-modal-bd">
            <div class="autocode">
                <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td style="width: 20%">
                            <label>规则名称</label>
                        </td>
                        <td style="width: 80%;">
                            <input type="text" v-model="codeRule.codeName" name="" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label>描述</label>
                        </td>
                        <td>
                            <input type="text" v-model="codeRule.description" name="" />
                        </td>
                    </tr>
                </table>
                <div class="split-line">
                    <div>规则</div>
                    <hr />
                </div>
                <div style="width: 224px; height: 232px;margin-left: 10px;float: left;">
                    <div style="margin-bottom: 1rem;">
                        <span>字头</span><input type="text" name="zitou" style="float: right;" v-model="codeRule.codePrefix" />
                    </div>
                    <div>
                        <fieldset>
                            <legend>日期格式</legend>
                            <ul style="float: left;margin-left: 1rem;">
                                <li>
                                    <input type="radio" name="dataformat" id="nonedataformat" value="" v-model="codeRule.codeDataFmt" /><label for="nonedataformat">无日期</label>
                                </li>
                                <li>
                                    <input type="radio" name="dataformat" id="yymm" value="YYMM" v-model="codeRule.codeDataFmt" /><label for="yymm">YYMM</label>
                                </li>
                                <li>
                                    <input type="radio" name="dataformat" id="yymmdd" value="YYMMDD" v-model="codeRule.codeDataFmt" /><label for="yymmdd">YYMMDD</label>
                                </li>
                                <li>
                                    <input type="radio" name="dataformat" id="yy" value="YY" v-model="codeRule.codeDataFmt" /><label for="yy">YY</label>
                                </li>
                            </ul>
                            <ul style="float: right;margin-right: 1.25rem;">
                                <li></li>
                                <li>
                                    <input type="radio" name="dataformat" id="yyyymm" value="YYYYMM" v-model="codeRule.codeDataFmt" /><label for="yyyymm">YYYYMM</label>
                                </li>
                                <li>
                                    <input type="radio" name="dataformat" id="yyyymmdd" value="YYYYMMDD" v-model="codeRule.codeDataFmt" /><label for="yyyymmdd">YYYYMMDD</label>
                                </li>
                                <li>
                                    <input type="radio" name="dataformat" id="yyyy" value="YYYY"  v-model="codeRule.codeDataFmt" /><label for="yyyy">YYYY</label>
                                </li>
                            </ul>
                        </fieldset>
                    </div>
                    <div style="margin-bottom: 1rem;">
                        <span>序号位数</span>
                        <select style="width: 50px;" value="1" v-model="codeRule.codeDecimals">
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option selected="true">4</option>
                        </select>
                    </div>
                    <div>
                        <span>起始序号</span>
                        <input type="text" name="" value="1" style="width: 50px;" v-model="codeRule.codeStart" />
                        <span style="margin-left: 5px;">步长</span>
                        <select style="width: 50px;" v-model="codeRule.codeStep">
                            <option>1</option>
                            <option>2</option>
                        </select>
                    </div>
                </div>
                <div style="width: 40%; float: right; margin-right: 20px;">
                    <label>编号示例<span style="color: #6C6C6C;margin-left: 10px;">(编号实例20位)</span></label>
                    <div class="number-sample">
                        <div v-for="val in demoData" >{{val}}</div>
                    </div>
                </div>
                <div class="clearfix"></div>

                <div class="split-line">
                    <div>选项</div>
                    <hr />
                </div>
                <div>
                    <input type="radio" name="doc-radio-1" value="1" v-model="codeRule.codeGen" id="whileopenreport"><label for="whileopenreport">打开表单时分配</label>
                    <input type="radio" name="doc-radio-1" value="2" v-model="codeRule.codeGen" id="whilesavereport" style="margin-left: 50px;"><label for="whilesavereport">保存表单时分配</label>
                </div>
            </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="confirm()">确定</span>
        </div>
    </div>
</div>


<div class="am-modal am-modal-confirm" tabindex="-1" id="checkboxCellModal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            核选钮类型设置
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <label for="" class="am-u-sm-2">选择文本:</label>
            <input type="text" class="am-modal-prompt-input" v-model="checkboxTrue">
            <label for="" class="am-u-sm-2">非选文本:</label>
            <input type="text" class="am-modal-prompt-input" v-model="checkboxFalse">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="comboCellModal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            组合框类型设置
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <label for="" class="am-u-sm-2" style="width:100px">组合框成员(','分割)</label>
            <input type="text" class="am-modal-prompt-input" v-model="items">
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="navigator-bar-container">
    <div data-title="数据分析" class="navigator-bar-logo">
        <div class="icon-app-bg navigator-logo-bg nav-icon nav-logo-bg">
            <div class="navigator-app-logo nav-icon nav-logo"></div>
        </div>
    </div>
    <div class="navigator-bar-top">
        <div data-id="users" id="nav-basedata" title="基础数据" data-title="false" class="navigator-bar-btn">
            <div class="nav-icon nav-schema"></div>
            <span>基础数据</span>
        </div>
        <div data-id="users" id="nav-users" title="用户" data-title="false" class="navigator-bar-btn">
            <div class="nav-icon nav-schema"></div>
            <span>用户权限</span>
        </div>
        <div data-id="bussiness" id="nav-business" title="业务平台" data-title="false" class="navigator-bar-btn navigator-bar-focus">
            <div class="nav-icon nav-datasource"></div>
            <span>业务平台</span>
        </div>

        <div style="display:none;" data-id="bussiness" id="report-checking" title="报表查询" data-title="false" class="navigator-bar-btn navigator-bar-focus">
            <div class="nav-icon nav-datasource"></div>
            <span>报表查询</span>
        </div>

        <div style="display:none;" data-id="workflow" id="nav-workflow" title="工作流" data-title="false" class="navigator-bar-btn">
            <div class="nav-icon nav-datasource"></div>
            <span>工作流</span>
        </div>

        <div style="display:none;" data-id="bussiness" id="system-management" title="系统管理" data-title="false" class="navigator-bar-btn navigator-bar-focus">
            <div class="nav-icon nav-datasource"></div>
            <span>系统管理</span>
        </div>

    </div>
    <div class="navigator-bar-bottom">
        <div id="nav-userinfo" class="navigator-bar-btn">
            <i class="am-icon-user" style="font-size: 15px;"></i>
            <span id="span-curuser-name"></span>
            <div class="navigator-context-menu">
                <ul>
                    <li class="navigatorbar-menu-item "><a href="javascript:void(0);" id="change-password">修改密码</a></li>
                    <li class="navigatorbar-menu-item"><a onclick="javascript:event.stopPropagation();" href="../main/login.jsp">注销</a></li>
                </ul>
            </div>
        </div>
        <div id="nav-help" title="帮助" class="navigator-bar-btn">
            <i class="am-icon-question-circle-o" style="font-size: 15px;"></i>
            <span>帮助</span>
            <div class="navigator-context-menu" style="top: 50px;">
                <ul>
                    <li class="navigatorbar-menu-item"><a class="">关于</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div id="box">
    <div id="business-pack" class="module active">
        <div class="sidebar" id="top">
            <div class="content side-content">
                <div class="sidebar-main">
                    <div class="am-panel-bd">
                        <button class="am-btn am-radius am-btn-block" id="newpack">
                          <i class="am-icon-plus"></i>
                          新增业务包
                        </button>
                    </div>
                    <div class="screen-content dimension-manager J-dimension-manager" screenid="dimension">
                        <div class="flex-content-column">
                            <div class="dimensions-box flex" style="height: 100%">
                                <div class="title-bar">
                                    <span class="text"></span>
                                    <span class="search-input hideimportant short">
                                        <input type="text" class="J-filter-dimension" placeholder="输入关键词">
                                        <i class="sicon sicon-close-bg J-search-clear"></i>
                                    </span>
                                    <span class="title-bar-search">
                                        <i class="sicon sicon-detailData J-dimension-detailData hideimportant" title="明细数据"></i>
                                        <i class="sicon sicon-search J-dimension-search" title="筛选维度"></i>
                                        <i class="sicon icomoon-movable ew-resize" title="左右拖动"></i>
                                    </span>
                                </div>
                                <div class="cube_dimension_tree dimension_tree">
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="contentff" id="rightBox" >
            <div class="content3" id="markLink">
                <div id="chrome-tabs-panel" style="display: none;">
                    <div class="chrome-tabs-shell">
                        <div class="chrome-tabs">
                        </div>
                        <div class="chrome-shell-bottom-bar"></div>
                    </div>
                </div>
                <div id="workspace_toolbar_panel" style="display: none;">
                    <div class="workspace_toolbar">
                        <div class="file-info">
                            <div class="file-name">
                                <span class="name" title="未命名工作表"></span>
                            </div>
                        </div>
                        <div class="toggle-sidebar" id="J-toggle-sidebar">
                            <span class="sicon sicon-left-arrow" title="隐藏/显示边栏"></span>
                        </div>
                        <div class="tabbar tabbar-tool">
                            <div class="tabbar-item active" data-target="toolbar-text">开始</div>      
                            <div class="tabbar-item" data-target="toolbar-table">表格</div>
                            <div class="tabbar-item" data-target="toolbar-functions">高级</div>
                            <div class="tabbar-item" data-target="toolbar-template">模板</div>
                        </div>
                        <div class="toolbar-tab-content J-tab-content">
                            <div class="toolbar-text" data-target="toolbar-text">
                                <div class="group-item group-file">
                                    <ul>
                                        <li class="parent"><a class="J-open-local" data-am-popover="{theme: 'bb sm',content:'打开模板文件', trigger: 'hover focus'}"><span class="sicon sicon-file-open"></span></a></li>
                                    <li class="parent"><a class="J-save" data-am-popover="{theme: 'bb sm',content:'保存表单到服务', trigger: 'hover focus'}"><span class="sicon sicon-report-save"></span></a></li>
                                    </ul>
                                </div>
                                <div class="group-item group-color">
                                    <ul>
                                        <li class="parent">
                                            <a id="J-font-color" title="" data-am-popover="{theme: 'bb sm',content:'字体颜色', trigger: 'hover focus'}" style="color: rgb(102, 102, 102);">
                                                <span class="sicon icomoon-font-color"><i></i></span>
                                            </a>
                                        </li>
                                        <li class="parent">
                                            <a id="J-bg-color" title="" href="#bg_color" data-am-popover="{theme: 'bb sm',content:'背景颜色', trigger: 'hover focus'}", style="color: rgb(102, 102, 102);">
                                                <span class="sicon icomoon-bucket"><i></i></span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                                <div class="group-item group-font-famliy">
                                    <ul>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="font-family">
                                                <a id="J-font-family" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'字体名称', trigger: 'hover focus'}" data-am-dropdown-toggle style="font-family: tahoma;display:inline">
                                                    字体
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="tahoma" style="font-family:'tahoma'"><a data-type="item">Tahoma</a></li>
                                                <li data-param="Arial" ><a data-type="item">Arial</a></li>
                                                <li data-param="Verdana" ><a data-type="item">Verdana</a></li>
                                                <li data-param="Microsoft Yahei" style="font-family:'Microsoft Yahei'"><a data-type="item">微软雅黑</a></li>
                                                <li data-param="Simsun" style="font-family:'Simsun'"><a data-type="item">宋体</a></li>
                                                <li data-param="KaiTi" style="font-family:'KaiTi'"><a data-type="item">楷体</a></li>
                                                <li data-param="SimHei" style="font-family:'SimHei'"><a data-type="item">黑体</a></li>
                                                <li data-param="STSong" style="font-family:'STSong'"><a data-type="item">华文宋体</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="group-item group-font-size">
                                    <ul>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="font-size">
                                            <a id="J-font-size" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'字体大小', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                12px
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li ><a data-type="item">12px</a></li>
                                                <li ><a data-type="item">14px</a></li>
                                                <li ><a data-type="item">16px</a></li>
                                                <li ><a data-type="item">18px</a></li>
                                                <li ><a data-type="item">20px</a></li>
                                                <li ><a data-type="item">24px</a></li>
                                                <li ><a data-type="item">30px</a></li>
                                                <li><a data-type="item">36px</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                                <div class="group-item group-font-style">
                                    <ul>
                                        <li><a id="J-font-bold" title="" href="#font_bold" data-am-popover="{theme: 'bb sm',content:'加粗', trigger: 'hover focus'}"><span class="sicon icomoon-font-bold"></span></a></li>
                                        <li><a id="J-font-italic" title="" href="#font_italic" data-am-popover="{theme: 'bb sm',content:'斜体', trigger: 'hover focus'}"><span class="sicon icomoon-font-Italics"></span></a></li>
                                        <li><a id="J-font-underline" title="" href="#font_underline" data-am-popover="{theme: 'bb sm',content:'下划线', trigger: 'hover focus'}"><span class="sicon icomoon-font-underline"></span></a></li>
                                        <li><a id="J-font-through" title="" href="#font_through" data-am-popover="{theme: 'bb sm',content:'删除线', trigger: 'hover focus'}"><span class="sicon icomoon-font-strikethrough"></span></a></li>
                                    </ul>
                                </div>
                                <div class="group-item group-link">
                                    <ul>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="text-align">
                                            <a id="J-text-align" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'对齐方式', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon icomoon-default-justified"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="left"><a data-type="item"><span data-type="item" class="sicon sicon-align-left">左对齐</span></a></li>
                                                <li data-param="center"><a data-type="item"><span data-type="item" class="sicon sicon-align-center">居中对齐</span></a></li>
                                                <li data-param="right"><a data-type="item"><span data-type="item" class="sicon sicon-align-right">右对齐</span></a></li>
                                                <li data-param="top"><a data-type="item" ><span data-type="item" >垂直居上</span></a></li>
                                                <li data-param="vcenter"><a data-type="item" ><span data-type="item" >垂直居中</span></a></li>
                                                <li data-param="bottom"><a data-type="item"><span data-type="item" >垂直居下</span></a></li>
                                            </ul>

                                        </li>
                                        <li><a class="J-multi-line" data-am-popover="{theme: 'bb sm',content:'多行文本', trigger: 'hover focus'}"><span class="sicon sicon-multi-line"></span></a></li>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="cell-border">
                                            <a id="J-border" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'表格线', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon sicon-border-all"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="broder-all"><a data-type="item"><span data-type="item" class="sicon sicon-border-all">全部边框</span></a></li>
                                                <li data-param="broder-left"><a data-type="item"><span data-type="item" class="sicon sicon-border-left">左边框</span></a></li>
                                                <li data-param="broder-top"><a data-type="item"><span data-type="item" class="sicon sicon-border-top">上边框</span></a></li>
                                                <li data-param="broder-right"><a data-type="item"><span data-type="item" class="sicon sicon-border-right">右边框</span></a></li>
                                                <li data-param="broder-bottom"><a data-type="item"><span data-type="item" class="sicon sicon-border-bottom">底部边框</span></a></li>
                                                <li data-param="broder-none"><a data-type="item"><span data-type="item" class="sicon sicon-border-none">无边框</span></a></li>
                                            </ul>                                                
                                        </li>
                                    </ul>
                                </div>
                                <div class="group-item group-format">
                                    <ul>

                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="cell-num-format">
                                            <a id="J-border" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'数值格式', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon sicon-format-decimal"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="cell-num1"><a data-type="item"><span data-type="item">123</span></a></li>
                                                <li data-param="cell-num2"><a data-type="item"><span data-type="item">123.1</span></a></li>
                                                <li data-param="cell-num3"><a data-type="item"><span data-type="item">123.12</span></a></li>
                                                <li data-param="cell-percent"><a data-type="item"><span data-type="item" >12300.00%</span></a></li>
                                                <li data-param="cell-currency"><a data-type="item"><span data-type="item" >Y123.12</span></a></li>
                                                <li data-param="cell-sep" class="am-divider"><a data-type="item"><span data-type="item"></span></a></li>
                                                <li data-param="cell-fmt-none"><a data-type="item"><span data-type="item" class="sicon sicon-close">清除</span></a></li>
                                            </ul>  
                                        </li>

                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="cell-date-format">

                                            <a id="J-border" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'日期时间格式', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon sicon-format-date"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="cell-date"><a data-type="item"><span data-type="item" >2008/08/08</span></a></li>
                                                <li data-param="cell-time"><a data-type="item"><span data-type="item" >12:02:02</span></a></li>
                                                <li data-param="cell-sep" class="am-divider"><a data-type="item"><span data-type="item"></span></a></li>
                                                <li data-param="cell-fmt-none"><a data-type="item"><span data-type="item" class="sicon sicon-close">清除</span></a></li>
                                            </ul>  
                                        </li>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="cell-type">

                                            <a id="J-border" class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'单元格控件', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon sicon-empty-box"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li data-param="cell-checkbox"><a data-type="item"><span data-type="item">核选钮类型</span></a></li>
                                                <li data-param="cell-combo"><a data-type="item"><span data-type="item">组合框类型</span></a></li>
                                                <li data-param="cell-sep" class="am-divider"><a data-type="item"><span data-type="item"></span></a></li>
                                                <li data-param="cell-fmt-none"><a data-type="item"><span data-type="item" class="sicon sicon-close">清除</span></a></li>
                                            </ul>
                                        </li>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown data-type="cell-type">
                                            <a class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'自动编码', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon icomoon-font-bold"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content">
                                                <li><a><span v-on:click="setAutoCode" class="sicon sicon-close">设置编码</span></a></li>
                                                <li><a><span v-on:click="clearAutoCode" class="sicon sicon-close">清除编码</span></a></li>
                                            </ul>
                                        </li>
                                        <li class="parent am-dropdown ydd-dropdown" data-am-dropdown id="basedata-dropdown-sel" data-type="cell-type">
                                            <a class="am-dropdown-toggle" data-am-popover="{theme: 'bb sm',content:'基础数据类型', trigger: 'hover focus'}" data-am-dropdown-toggle style="display:inline">
                                                <span class="sicon sicon-empty-box"></span>
                                                <span class="am-icon-caret-down"></span>
                                            </a>
                                            <ul class="am-dropdown-content" style="overflow: auto;max-height: 500px;">
                                                <li><a><span v-on:click="setBaseData" class="sicon sicon-close">设置单元格</span></a></li>
                                                <li><a><span v-on:click="clearBaseData" class="sicon sicon-close">清除基础数据</span></a></li>
                                                <li data-param="cell-sep" class="am-divider"><a data-type="item"><span data-type="item"></span></a></li>
                                                <li v-for="value in baseData" v-on:click="setBaseDataCell(value)"><a><span>{{value.groupName}}</span></a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="toolbar-table hideimportant" data-target="toolbar-table">
                                <div class="group-item group-table-insert">
                                    <ul>
                                        <li><a class="J-insert-row" data-am-popover="{theme: 'bb sm',content:'插入行', trigger: 'hover focus'}"><span class="sicon sicon-insert-row"></span></a></li>
                                        <li><a class="J-insert-col" data-am-popover="{theme: 'bb sm',content:'插入列', trigger: 'hover focus'}"><span class="sicon sicon-insert-column"></span></a></li>
                                        <li><a class="J-delete-row" data-am-popover="{theme: 'bb sm',content:'删除行', trigger: 'hover focus'}"><span class="sicon sicon-delete-row"></span></a></li>
                                        <li><a class="J-delete-col" data-am-popover="{theme: 'bb sm',content:'删除列', trigger: 'hover focus'}"><span class="sicon sicon-delete-column"></span></a></li>
                                    </ul>
                                </div>
                                <div class="group-item group-table-combine">
                                    <ul>
                                        <li><a class="J-combined-cell" data-am-popover="{theme: 'bb sm',content:'合并单元格', trigger: 'hover focus'}" ><span class="sicon sicon-combine-cell"></span></a></li>
                                        <li><a class="J-split-cell" data-am-popover="{theme: 'bb sm',content:'拆分单元格', trigger: 'hover focus'}" ><span class="sicon sicon-split-cell"></span></a></li>
                                        <li><a class="J-hide-row" data-am-popover="{theme: 'bb sm',content:'隐藏行', trigger: 'hover focus'}" ><span class="sicon sicon-hide-row"></span></a></li>
                                        <li><a class="J-hide-col" data-am-popover="{theme: 'bb sm',content:'隐藏列', trigger: 'hover focus'}" ><span class="sicon sicon-hide-column"></span></a></li>
                                        <li><a class="J-fixed-colrow" data-am-popover="{theme: 'bb sm',content:'冻结窗口', trigger: 'hover focus'}"><span class="sicon icomoon-freeze"></span></a></li>
                                    </ul>
                                </div>
                                <div class="group-item group-setting-view">
                                    <ul>
                                        <li><a class="J-setting-tab" data-am-popover="{theme: 'bb sm',content:'tab栏可见', trigger: 'hover focus'}"><span class="sicon icomoon-907"></span></a></li>
                                        <li><a class="J-setting-rowheaderV" data-am-popover="{theme: 'bb sm',content:'列表头可见', trigger: 'hover focus'}"><span class="sicon icomoon-908"></span></a></li>
                                        <li><a class="J-setting-colheaderV" data-am-popover="{theme: 'bb sm',content:'行表头可见', trigger: 'hover focus'}"><span class="sicon icomoon-909"></span></a></li>
                                        <li><a class="J-setting-new" data-am-popover="{theme: 'bb sm',content:'新建表页可见', trigger: 'hover focus'}"><span class="sicon icomoon-90a"></span></a></li>
                                        <li><a class="J-setting-dragfill" data-am-popover="{theme: 'bb sm',content:'拖动填充', trigger: 'hover focus'}"><span class="sicon sicon-new-document"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="toolbar-functions hideimportant" data-target="toolbar-functions">
                                <div class="group-item group-functions-view">
                                    <ul>
                                        <li><a class="J-fx" data-am-popover="{theme: 'bb sm',content:'插入函数', trigger: 'hover focus'}"><span class="sicon sicon-fx"></span></a></li>
                                        <li><a class="J-add-dataset" data-am-popover="{theme: 'bb sm',content:'设计数据项', trigger: 'hover focus'}"><span class="sicon icomoon-setting"></span></a></li>
                                        <li><a class="J-view-dataset" data-am-popover="{theme: 'bb sm',content:'查看数据项', trigger: 'hover focus'}"><span class="sicon icomoon-925"></span></a></li>
                                        <li><a class="J-create-dataset" data-am-popover="{theme: 'bb sm',content:'创建数据项', trigger: 'hover focus'}"><span class="sicon icomoon-runlog"></span></a></li>
                                        <li><a class="J-insert-sub" data-am-popover="{theme: 'bb sm',content:'插入子表数据项', trigger: 'hover focus'}"><span class="sicon sicon-chart-addstack"></span></a></li>
                                        <li><a class="J-delete-sub" data-am-popover="{theme: 'bb sm',content:'删除当前子表数据项', trigger: 'hover focus'}"><span class="sicon icomoon-675"></span></a></li>
                                        <li><a class="J-delete-dataset" data-am-popover="{theme: 'bb sm',content:'删除所有数据项和数据', trigger: 'hover focus'}"><span class="sicon icomoon-unlink"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="toolbar-template hideimportant" data-target="toolbar-template">
                                <div class="group-item group-template-view">
                                    <ul>
                                        <li><a class="new-template" data-am-popover="{theme: 'bb sm',content:'新建模板', trigger: 'hover focus'}"><span class="sicon icomoon-new-worksheet"></span></a></li>
                                        <li><a class="save-template" data-am-popover="{theme: 'bb sm',content:'保存当前模板', trigger: 'hover focus'}"><span class="sicon icomoon-save"></span></a></li>
                                        <li><a class="open-template" data-am-popover="{theme: 'bb sm',content:'查看表单全部模板', trigger: 'hover focus'}"><span class="sicon sicon-subtotal"></span></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="report-templates" v-if="showTemplates">
                <div class="am-icon-close" style="" v-on:click="closeTemplate();"></div>
                <ul>
                    <li v-for="img in imgs">
                        <a href="javascript:void(0);" v-on:click="choseTemplate(img.oid)">
                            <img v-bind:src="img.tmplImage" />
                        </a>
                        <br/>
                        <label v-text="img.tmplName"></label><br/>
                        <span v-text="img.tmplDesc"></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="base-data" class="module am-tabs" data-am-tabs="{noSwipe: 1}">
        <div class="am-tabs-bd" style="height:100%">
            <div class="am-tab-panel am-active" id="base-data-info" style="padding: 0; height: 100%;">
                <div class="left-side">
                    <div class="am-panel-bd">
                        <button class="am-btn am-radius am-btn-block" id="bd-create-basedata" v-on:click="createNew">
                            <i class="am-icon-plus"></i>
                            新增基础数据
                        </button>
                    </div>
                    <div id="basedata-serach-bar">
                        <search-bar jstree="jstree-basedata" :show-resize-bar="true" area="base-data-info"></search-bar>
                    </div>
                    <div id="jstree-basedata"></div>
                </div>
                <div class="right-side">
                    <div class="am-panel-bd g">
                        <div class="am-u-md-8">
                            <button class="am-btn" v-on:click="createNewItem">新增数据项</button>
                            <!-- <button class="am-btn" id="import-basedata">批量导入</button> -->
                            <label class="am-btn bulk-import" for="bulk-import">批量导入</label>
                            <input type="file" id="bulk-import" style="display: none;" />
                            <button class="am-btn" v-on:click="deleteSelected">删除</button>
                            <div class="am-dropdown" id="preview-dropdown-jstree">
                                <button class="am-btn am-btn-danger am-dropdown-toggle" v-on:click="dropDwon">预览<span class="am-icon-caret-down"></span></button>
                                <div class="am-dropdown-content" style="min-width: 400px;height: 300px;">
                                    <div id="preview-treedata"></div>
                                </div>
                            </div>
                        </div>
                        <div class="am-u-md-3" style="padding-right: 0;">
                            <div class="am-input-group">
                              <span class="am-input-group-btn">
                                <button class="am-btn" type="button"><span class="am-icon-search"></span></button>
                              </span>
                              <input type="text" class="am-form-field" placeholder="请输入用户名称"/>
                              <span class="am-input-group-label" style="padding: 0;">
                                <div class="am-dropdown" data-am-dropdown>
                                    <i class="am-selected-icon am-icon-caret-down am-dropdown-toggle" style="padding: 0 10px;cursor: pointer;" data-am-dropdown-toggle></i>
                                    <div class="am-selected-content am-dropdown-content" style="min-width: 100px;">
                                        <ul class="am-selected-list">
                                            <li class="am-checked">
                                                <span class="am-selected-text">test1</span>
                                                <i class="am-icon-check"></i>
                                            </li>
                                            <li>
                                                <span class="am-selected-text">test2</span>
                                                <i class="am-icon-check"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                              </span>
                            </div>
                        </div>
                        <div class="am-u-md-1"></div>
                    </div>
                    <div id="basedata-table">
                        <user-grid v-ref:basedatas :data="gridData" :columns="gridColumns" :sort="false"/>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="user-panel" class="module am-tabs" data-am-tabs="{noSwipe: 1}">
        <ul class="am-tabs-nav am-nav am-nav-tabs" style="height: 32px;">
            <li class="am-active"><a href="#tab-structure">组织结构</a></li>
            <li><a href="#tab-user-authority">用户权限</a></li>
        </ul>
        <div class="am-tabs-bd" style="height: calc(100% - 32px)">
            <div class="am-tab-panel am-active" id="tab-structure" style="padding: 0; height: 100%;">
                <div class="left-side">
                    <div class="am-panel-bd">
                        <button class="am-btn am-radius am-btn-block" id="create-department">
                          <i class="am-icon-plus"></i>
                          新增组织
                        </button>
                    </div>
                    <div id="company-serach-bar">
                        <search-bar jstree="user-dept-tree"></search-bar>
                    </div>
                    <div id="user-dept-tree"></div>
                </div>
                <div class="right-side">
                    <div class="am-panel-bd am-g">
                        <div class="am-u-md-8">
                            <button class="am-btn" id="new-employee">新增员工</button>
                            <button class="am-btn" id="import-multi">批量导入</button>
                            <button class="am-btn" v-on:click="deleteSelected">删除</button>
                        </div>
                        <div class="am-u-md-3" style="padding-right: 0;">
                            <div class="am-input-group">
                              <span class="am-input-group-btn">
                                <button class="am-btn" type="button" v-on:click="search"><span class="am-icon-search"></span></button>
                              </span>
                              <input type="text" class="am-form-field" placeholder="请输入用户名称" v-model="searchkey" />
                              <span class="am-input-group-label" style="padding: 0;">
                                <div class="am-dropdown" data-am-dropdown>
                                    <i class="am-selected-icon am-icon-caret-down am-dropdown-toggle" style="padding: 0 10px;cursor: pointer;" data-am-dropdown-toggle></i>
                                    <div class="am-selected-content am-dropdown-content" style="min-width: 100px;">
                                        <ul class="am-selected-list">
                                            <li v-for="col in gridColumns" :class="{'am-checked' : col.search}" v-on:click="toggleSearchOption(col)">
                                                <span class="am-selected-text">{{col.label}}</span>
                                                <i class="am-icon-check"></i>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                              </span>
                            </div>
                        </div>
                        <div class="am-u-md-1"></div>
                    </div>

                    <div id="users-table">
                        <template v-if="showGrid">
                            <user-grid v-ref:users :data="gridData" :columns="gridColumns" :sort="true"></user-grid>
                        </template>
                    </div>
                </div>
            </div>
            <div class="am-tab-panel" id="tab-user-authority" style="padding: 0; height: 100%">
                <div class="left-side">
                    <div style="height: 50%; overflow: scroll;">
                        <div id="department-serach-bar">
                            <div class="screen-content">
                                <div class="flex-content-column">
                                    <div class="title-bar">
                                        <div class="text serach-content" v-if="!showSearch">
                                            <span v-text="selectNode"></span>
                                            <button class="btn-small" v-on:click="refresh">Refresh</button>
                                        </div>
                                        <span class="search-input short" v-if="showSearch">
                                            <input type="text" class="J-filter-dimension" placeholder="输入关键词" v-model="keywords" v-on:keyup="search()" />
                                            <i class="sicon sicon-close-bg J-search-clear" v-on:click="clearSearch()"></i>
                                        </span>
                                        <span class="title-bar-search">
                                            <i class="sicon sicon-search J-dimension-search" title="筛选维度" v-on:click="showSearchInput()"></i>
                                            <i v-if="showResizeBar" v-on:mousedown="resizeBar" class="sicon icomoon-movable ew-resize" title="左右拖动"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="userright-dept-tree"></div>
                    </div>
                    <div id="user-serach-bar">
                        <div class="screen-content">
                            <div class="flex-content-column">
                                <div class="title-bar">
                                    <div class="text serach-content" v-if="!showSearch">
                                        <span v-text="selectNode"></span>
                                        <button class="btn-small" v-on:click="refresh">Refresh</button>
                                    </div>
                                    <span class="search-input short" v-if="showSearch">
                                        <input type="text" class="J-filter-dimension" placeholder="输入关键词" v-model="keywords" v-on:keyup="search()" />
                                        <i class="sicon sicon-close-bg J-search-clear" v-on:click="clearSearch()"></i>
                                    </span>
                                    <span class="title-bar-search">
                                        <i class="sicon sicon-search J-dimension-search" title="筛选维度" v-on:click="showSearchInput()"></i>
                                        <i v-if="showResizeBar" v-on:mousedown="resizeBar" class="sicon icomoon-movable ew-resize" title="左右拖动"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="userright-user-tree"></div>
                </div>
                <div class="right-side" id="vue-user-authority">
                    <div class="am-tabs" data-am-tabs="{noSwipe: 1}" style="height: 100%;">
                        <ul class="am-tabs-nav am-nav am-nav-tabs">
                            <li class="am-active">
                                <a v-if="user.isDept==1" href="#user-base-info">组织信息</a>
                                <a v-if="user.isDept==0" href="#user-base-info">用户信息</a>
                            </li>
                            <li>
                                <a v-if="user.isDept==1" href="#user-authority">组织信息-权限</a>
                                <a v-if="user.isDept==0" href="#user-authority">用户信息-权限</a>
                            </li>
                        </ul>

                        <div class="am-tabs-bd" style="height: calc(100% - 10px);">
                            <div class="am-tab-panel am-fade am-in am-active" id="user-base-info">
                                <div class="am-panel am-panel-bd am-form am-form-horizontal" style="width: 50%">
                                    <div class="am-form-group">
                                        <label for="u-name" v-if="user.isDept==1" class="am-u-sm-3 am-form-label">组织名称：</label>
                                        <label for="u-name" v-if="user.isDept==0" class="am-u-sm-3 am-form-label">用户名称</label>
                                        <div class="am-u-sm-9">
                                            <input type="text" id="u-name" v-model="user.userName" />
                                        </div>
                                    </div>
                                    <div class="am-form-group" v-if="user.isDept==0">
                                        <label class="am-u-sm-3 am-form-label">性别</label>
                                        <div class="am-u-sm-9">
                                            <label class="am-radio-inline">
                                                <input type="radio" value="1" name="user.gender" v-model="user.gender" /> 男
                                            </label>
                                            <label class="am-radio-inline">
                                                <input type="radio" value="2" name="user.gender" v-model="user.gender" /> 女
                                            </label>
                                        </div>
                                    </div>

                                    <div class="am-form-group" v-if="user.isDept==0">
                                        <label for="user-department2" class="am-u-sm-3 am-form-label">部门</label>
                                        <div class="am-u-sm-9">
                                            <input id="user-department2" type="text" v-model="user.deptName" />
                                        </div>
                                    </div>

                                    <div class="am-form-group" v-if="user.isDept==0">
                                        <label for="phone" class="am-u-sm-3 am-form-label">手机</label>
                                        <div class="am-u-sm-9">
                                            <input type="text" v-model="user.cellPhone" />
                                        </div>
                                    </div>


                                    <div class="am-form-group" v-if="user.isDept==0">
                                        <label for="email" class="am-u-sm-3 am-form-label">邮箱</label>
                                        <div class="am-u-sm-9">
                                            <input type="email" v-model="user.email"  />
                                        </div>
                                    </div>

                                    <div class="am-form-group" v-if="user.isDept==0">
                                        <label class="am-u-sm-3 am-form-label">用户类型</label>
                                        <div class="am-u-sm-9" style="text-align: left;">
                                            <label class="am-radio-inline">
                                                <input type="radio" value="1" v-model="user.userType" /> 运行用户
                                            </label>
                                            <label class="am-radio-inline">
                                                <input type="radio" value="2" v-model="user.userType" /> 设计用户
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="am-tab-panel am-fade am-g" id="user-authority" style="height: 100%;">
                                <div class="am-u-md-4 am-panel" style="height: 500px;overflow: auto; border-right: 2px solid #ccc">
                                    <div class="screen-content">
                                        <div class="flex-content-column">
                                            <div class="title-bar">
                                                <span class="text">资源</span>
                                                <span class="search-input short" v-show="showSearch">
                                                    <input type="text" class="J-filter-dimension" placeholder="输入关键词" v-model="keywords" v-on:keyup="searchReports('userright-pack-tree')" />
                                                    <i class="sicon sicon-close-bg J-search-clear" v-on:click="clearSearch('userright-pack-tree')"></i>
                                                </span>
                                                <span class="title-bar-search">
                                                    <i class="sicon sicon-search J-dimension-search" title="筛选维度" v-on:click="showSearchInput('userright-pack-tree')"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="userright-pack-tree"></div>
                                </div>
                                <div class="am-u-md-8 am-panel" id="user-right-info" style="height: 500px;overflow: auto;">
                                    <label>操作</label>
                                    <table class="am-table">
                                        <thead>
                                            <tr>
                                                <td>操作列表</td>
                                                <td>授权</td>
                                                <td>继承自</td>
                                                <td style="width: 50%">权限描述</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>查看</td>
                                                <td>
                                                    <input type="checkbox" disabled="disabled" v-model="curRightInfo.view"/>
                                                </td>
                                                <td>
                                                    {{curRightInfo.rightFrom}}
                                                </td>
                                                <td>查看表单数据</td>
                                            </tr>
                                            <tr>
                                                <td>填报</td>
                                                <td>
                                                    <input type="checkbox" disabled="disabled" v-model="curRightInfo.edit" />
                                                </td>
                                                <td>
                                                    {{curRightInfo.rightFrom}}
                                                </td>
                                                <td>填报,修改填报数据</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="workflow" class="module">
        <div id="myPaletteDiv">
            <canvas tabindex="0">This text is displayed if your browser does not support the Canvas HTML element.</canvas>
        </div>
        <div id="myDiagramDiv">
            <canvas tabindex="0">This text is displayed if your browser does not support the Canvas HTML element.</canvas>
        </div>

        <div id="attribute-panel">
            <table cellpadding="0" cellspacing="0">
                <thead>
                    <tr>
                        <td>名称</td>
                        <td>值</td>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="value in currentNode">
                        <td>{{$key}}</td>
                        <td>{{value}}</td>
                    </tr>
                </tbody>
            </table>

            <button id="SaveButton" v-on:click="save()" disabled="">Save</button>
            <button v-on:click="load()">Load</button>

            <textarea v-model="goJsonData">
                { "class": "go.GraphLinksModel",
                  "nodeDataArray": [ 
                {"category":"Start", "text":"Start", "key":-1, "loc":"-118 -320"},
                {"category":"End", "text":"End", "key":-4, "loc":"-120 141"},
                {"text":"Step2", "fill":"mediumseagreen", "stroke":null, "key":-2, "loc":"96 -105"},
                {"text":"Step5", "fill":"mediumseagreen", "stroke":null, "key":-5, "loc":"-120 18"},
                {"text":"Step1", "fill":"mediumseagreen", "stroke":null, "key":-6, "loc":"-118 -205"},
                {"text":"Step4", "fill":"mediumseagreen", "stroke":null, "key":-7, "loc":"216 23"},
                {"text":"Step3", "fill":"SlateBlue", "stroke":"BlueViolet", "key":-8, "loc":"216 -105"},
                {"text":"???", "fill":"#20b3ad", "stroke":"gray", "figure":"Diamond", "key":-3, "loc":"-118 -106"},
                {"category":"Comment", "text":"Current Step", "key":-9, "loc":"266 -155"}
                 ],
                  "linkDataArray": [ 
                {"from":-1, "to":-6, "stroke":"MediumSlateBlue", "fill":"MediumSlateBlue", "points":[-118,-295.2266599078511,-118,-285.2266599078511,-118,-258.33219210602516,-118,-258.33219210602516,-118,-231.4377243041992,-118,-221.4377243041992]},
                {"from":-3, "to":-2, "stroke":"MediumSlateBlue", "fill":"MediumSlateBlue", "visible":true, "points":[-74.63531494140626,-106,-64.63531494140626,-106,-3.547966003417976,-106,-3.547966003417976,-105,57.53938293457031,-105,67.53938293457031,-105]},
                {"from":-3, "to":-5, "visible":true, "points":[-118,-73.62455139160157,-118,-63.62455139160157,-118,-36.031137847900396,-120,-36.031137847900396,-120,-8.437724304199218,-120,1.562275695800782], "text":"No"},
                {"from":-6, "to":-3, "stroke":"MediumSlateBlue", "fill":"MediumSlateBlue", "points":[-118,-188.56227569580076,-118,-178.56227569580076,-118,-163.4688621520996,-118,-163.4688621520996,-118,-148.37544860839844,-118,-138.37544860839844]},
                {"from":-2, "to":-8, "stroke":"MediumSlateBlue", "fill":"MediumSlateBlue", "points":[124.46061706542969,-105,134.4606170654297,-105,156,-105,156,-105,177.5393829345703,-105,187.5393829345703,-105]},
                {"from":-8, "to":-7, "points":[216,-88.56227569580079,216,-78.56227569580079,216,-41.00000000000001,216,-41.00000000000001,216,-3.437724304199218,216,6.562275695800782]},
                {"from":-5, "to":-4, "points":[-120,34.43772430419922,-120,44.43772430419922,-120,77.40785871106524,-120,77.40785871106524,-120,110.37799311793128,-120,120.37799311793128]},
                {"from":-7, "to":-4, "points":[187.5393829345703,23,177.5393829345703,23,44.08069490831952,23,44.08069490831952,141,-89.37799311793127,141,-99.37799311793127,141]}
                 ]}
            </textarea>
        </div>
    </div>

    <div id="user-info" class="module">
        <div class="container">
            <form class="am-form">
              <fieldset>
                <legend>我的信息</legend>

                <div class="am-form-group">
                  <label for="doc-ipt-email-1">邮件</label>
                  <input type="email" class="" id="doc-ipt-email-1" placeholder="输入电子邮件">
                </div>

                <div class="am-form-group">
                  <label for="doc-ipt-pwd-1">密码</label>
                  <input type="password" class="" id="doc-ipt-pwd-1" placeholder="设置个密码吧">
                </div>

                        <div class="am-form-group am-form-file">
                            <label for="doc-ipt-file-2">Amaze UI 文件上传域</label>
                            <div>
                                <button type="button" class="am-btn am-btn-default am-btn-sm">
                                    <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                                </button>
                            </div>
                            <input type="file" id="doc-ipt-file-2">
                        </div>

                <div class="am-checkbox">
                  <label>
                    <input type="checkbox"> 复选框，选我选我选我
                  </label>
                </div>

                <div class="am-radio">
                  <label>
                    <input type="radio" name="doc-radio-1" value="option2">
                    单选框 - 选项2
                  </label>
                </div>

                <div class="am-form-group">
                  <label class="am-checkbox-inline">
                    <input type="checkbox" value="option1"> 选我
                  </label>
                  <label class="am-checkbox-inline">
                    <input type="checkbox" value="option2"> 同时可以选我
                  </label>
                  <label class="am-checkbox-inline">
                    <input type="checkbox" value="option3"> 还可以选我
                  </label>
                </div>


                <div class="am-form-group">
                  <label for="doc-select-1">下拉多选框</label>
                  <select id="doc-select-1">
                    <option value="option1">选项一...</option>
                    <option value="option2">选项二.....</option>
                    <option value="option3">选项三........</option>
                  </select>
                  <span class="am-form-caret"></span>
                </div>

                <div class="am-form-group">
                  <label for="doc-ta-1">文本域</label>
                  <textarea class="" rows="5" id="doc-ta-1"></textarea>
                </div>

                <p>
                    <button type="submit" class="am-btn am-btn-default">取消</button>
                    <button type="submit" class="am-btn am-btn-primary">提交</button>
                </p>
              </fieldset>
            </form>

        </div>
    </div>

    <div id="help-panel" class="module">
    </div>
</div>


<div class="am-modal am-modal-confirm ydd-pack" tabindex="-1" id="doc-modal-1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            Modal 标题
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div id="gcPos" style="width:500px;height:300px;background-color:green"></div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn data-am-modal-cancel" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn data-am-modal-confirm" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm ydd-user" tabindex="-1" id="doc-modal-user">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            Modal 标题
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div id="gcPos" style="width:500px;height:300px;background-color:green"></div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn data-am-modal-cancel" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn data-am-modal-confirm" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm ydd-form" tabindex="-1" id="doc-modal-2">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">
            Modal 标题
            <a href="javascript: void(0)" class="am-close" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd">
            <div id="gcPos" style="width:500px;height:300px;background-color:green"></div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn data-am-modal-cancel" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn data-am-modal-confirm" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-prompt" tabindex="-1" id="deparment-prompt">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">组织名称</div>


        <div class="am-modal-bd am-form am-form-horizontal">
        <div class="am-form-group">
            <label class="am-u-sm-2 am-form-label">名称</label>
            <div class="am-u-sm-10">
                <input type="text" name="orgName" class="am-modal-prompt-input" />
            </div>
        </div>
        <div class="am-form-group">
            <label class="am-u-sm-2 am-form-label">上级部门</label>
            <div class="am-u-sm-9">
                <input type="text" name="upDpt" disabled="true" id="newDept-getDept" />
            </div>
            <div class="am-u-sm-1" style="text-align: left;padding: 0">
                <label class="am-icon-search" style="font-size: 2rem;cursor: pointer;" id="newDept-getDept-Btn"></label>
            </div>
        </div>
    </div>

    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
      <span class="am-modal-btn" data-am-modal-confirm>添加</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="add-data-set">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">添加数据项</div>
        <div class="am-modal-bd">
            <div class="am-tabs" data-am-tabs="{noSwipe: 1}">
              <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li v-for="tab in tabs" v-bind:class="[$index == 0 ? 'am-active': '']"><a href="#add-tab-{{$index}}">{{tab.tableName}}</a></li>
              </ul>
              <div class="am-tabs-bd">
                <div class="am-tab-panel" v-for="tab in tabs" id="add-tab-{{$index}}" v-bind:class="[$index == 0 ? 'am-active': '']" style="max-height: 500px; overflow: auto;">
                    <div class="am-g">
                        <div class="am-u-md-6">
                            <label for="">表名称:</label>
                            <input class="am-form-field" type="text" name="tableName" v-model="tab.tableName" />
                        </div>
                        <div class="am-u-md-6">
                            主表<input type="radio" name="dataset-{{$index}}" value="1" v-model="tab.tableType" />
                            子表<input type="radio" name="dataset-{{$index}}" value="2" v-model="tab.tableType" />
                        </div>
                    </div>
                    <table class="am-table am-form" style="text-align: left;">
                        <thead>
                            <tr>
                                <th>字段名称</th>
                                <th>字段类型</th>
                                <th>字段长度</th>
                                <th>位置</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="ds in tab.columns">
                                <td v-if="ds.fieldName != 'sheetName'">
                                    <input type="text" name="fieldName" class="am-form-field" v-model="ds.fieldNameEx" v-if="ds.fieldName != 'sheetName'"/>
                                    <label v-else>{{ds.fieldNameEx}}</label>
                                </td>
                                <td class="am-form-group" v-if="ds.fieldName != 'sheetName'">
                                    <select v-model="ds.fieldType" v-if="ds.fieldName != 'sheetName'">
                                        <option value=1 number>number</option>
                                        <option value=3 number>vchar</option>
                                        <option value=4 number>text</option>
                                    </select>
                                    <label v-else>{{ds.fieldType}}</label>
                                </td>
                                <td v-if="ds.fieldName != 'sheetName'">
                                    <input type="text" name="" class="am-form-field" v-model="ds.fieldLength" v-if="ds.fieldType == 3" />
                                </td>
                                <td v-if="ds.fieldName != 'sheetName'">
                                    <label>{{ds.cellPos}}</label>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
              </div>
            </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="save()">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="view-data-set">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">查看数据项</div>
        <div class="am-modal-bd">
            <div class="am-tabs" data-am-tabs="{noSwipe: 1}">
                <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li v-for="tab in tabs" v-bind:class="[$index == 0 ? 'am-active': '']"><a href="#view-tab-{{$index}}">{{tab.tableName}}</a></li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel" v-for="tab in tabs" id="view-tab-{{$index}}" v-bind:class="[$index == 0 ? 'am-active': '']" style="max-height: 500px; overflow: auto;">
                        <form class="am-form am-form-horizontal">
                            <div class="am-form-group">
                                <label for="" class="am-u-sm-3 am-form-label">表名称:</label>
                                <div class="am-u-sm-5">
                                    <input class="am-form-field" type="text" name="tableName" v-model="tab.tableName" />
                                </div>
                                <div class="am-u-sm-4">
                                    <button class="am-btn am-btn-secondary am-btn-block" v-on:click="deleteDateSet($index)">删除</button>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="" class="am-u-sm-3 am-form-label">主表数据项:</label>
                                <div class="am-u-sm-1" style="padding: 10px 15px;">
                                    <input class="am-form-field" type="checkbox" disabled="disabled" name="tableType" v-model="tab.tableType" />
                                </div>
                                <div class="am-u-sm-8">
                                    <div class="am-input-group">
                                        <input type="text" class="am-form-field" placeholder="请输入关键字" v-model="tab.keywords">
                                        <span class="am-input-group-btn">
                                            <button class="am-btn" type="button" v-on:click="search($index)"><span class="am-icon-search"></span></button>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </form>
                        <table class="am-table am-form" style="text-align: left;">
                            <thead>
                                <tr>
                                    <th>字段名称</th>
                                    <th>字段类型</th>
                                    <th>字段长度</th>
                                    <th>位置</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="ds in tab.columns" v-show="ds.show">
                                    <td v-if="ds.fieldName != 'sheetName'">
                                        <input type="text" name="fieldName" class="am-form-field" v-model="ds.fieldNameEx" v-if="ds.fieldName != 'sheetName'" />
                                        <label v-else>{{ds.fieldNameEx}}</label>
                                    </td>
                                    <td class="am-form-group" v-if="ds.fieldName != 'sheetName'">
                                        <select v-model="ds.fieldType" v-if="ds.fieldName != 'sheetName'">
                                            <option value=1 number>number</option>
                                            <option value=3 number>vchar</option>
                                            <option value=4 number>text</option>
                                        </select>
                                        <label v-else>{{ds.fieldType}}</label>
                                    </td>
                                    <td v-if="ds.fieldName != 'sheetName'">
                                        <input type="text" name="" class="am-form-field" v-model="ds.fieldLength" v-if="ds.fieldType == 3" />
                                    </td>
                                    <td v-if="ds.fieldName != 'sheetName'">
                                        <label>{{ds.cellPos}}</label>
                                        <button v-on:click="fixPosition(ds.cellPos)" style="float: right;">定位</button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="save()">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">授权用户</div>
        <div class="am-modal-bd">
            <div class="am-panel" style="border: 2px dashed #dddddd;padding: 2px;text-align: left;min-height: 80px;">
                <span v-for="user in users" v-if="user.selected" class="am-badge am-badge-secondary am-round" style="margin: 2px;">
                    {{user.userName}}
                    <span class="am-icon-close" style="cursor: pointer;padding: 2px" v-on:click="deselectUser(user)"></span>
                </span>
                <span v-for="dpt in departments" v-if="dpt.selected" class="am-badge am-badge-primary am-round" style="margin: 2px;">
                    {{dpt.name}}
                    <span class="am-icon-close" style="cursor: pointer;padding: 2px" v-on:click="deselectDepartment(dpt)"></span>
                </span>
            </div>
            <div class="am-tabs" data-am-tabs="{noSwipe: 1}">
              <ul class="am-tabs-nav am-nav am-nav-tabs">
                    <li class="am-active" v-if="state == 'all' || state =='user'"><a href="#auth-users">用户</a></li>
                    <li v-if="state == 'all' || state =='department'"><a href="#auth-department">部门</a></li>
              </ul>

              <div class="am-tabs-bd">
                <div class="am-tab-panel am-active am-cf" id="auth-users" style="height: 400px; overflow: hidden;padding: 0;">
                       <div class="am-fl" style="height: 100%;overflow: auto;border-right: 1px solid #ddd;text-align: left; width: 50%;">
                        <div class="dpt-search">
                            <span class="text">部门权限</span>
                            <span class="hide">
                                <input type="text" placeholder="输入关键词">
                                <i class="sicon sicon-close-bg J-search-clear"></i>
                            </span>
                            <i class="sicon sicon-search J-dimension-search" title="筛选维度"></i>
                        </div>
                        <div id="departments"></div>
                    </div>
                        <div class="am-fr" style="width: 50%; height: 100%; overflow: scroll;">
                        <table class="authorize-table">
                            <thead>
                                <tr>
                                    <td>用户名</td>
                                    <td>部门</td>
                                    <td>手机</td>
                                    <td></td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr v-for="user in users" v-if="user.dept == deptId || departmentId == 'all'">
                                    <td>{{user.userName}}</td>
                                    <td>{{user.deptName}}</td>
                                    <td>{{user.cellPhone}}</td>
                                    <td>
                                        <input type="checkbox" name="" v-model="user.selected" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                        <div class="am-tab-panel" id="auth-department" style="height: 400px; overflow: auto;">
                            <div id="department-select"></div>
                        </div>
                    </div>
                </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="save()">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="authorize-users-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">设置单元格</div>
        <div class="am-modal-bd">
            <div class="am-panel" style="border: 2px dashed #dddddd;padding: 2px;text-align: left;min-height: 80px;">
                <span v-for="to in testObjects" v-if="to.selected" class="am-badge am-badge-secondary am-round" style="margin: 2px;">
                    {{to.name}}
                    <span class="am-icon-close" style="cursor: pointer;padding: 2px" v-on:click="deselectTest(to)"></span>
                </span>
            </div>
            <div class="am-panel">
                <table>
                    <thead>
                        <tr>
                            <th></th>
                            <th>Name</th>
                            <th>Other</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr v-for="to in testObjects">
                            <td>
                                <input type="checkbox" v-model="to.selected" />
                            </td>
                            <td>
                                {{to.name}}
                            </td>
                            <td>
                                {{to.other}}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" v-on:click="save()">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="cminput-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">新增用户</div>
        <div class="am-modal-bd" style="height: 300px">
            <cminput-comp :items="editData.vm_arr"></cminput-comp>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" data-am-modal-confirm v-on:click="save()">确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="basedata-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">{{title}}</div>
        <div class="am-modal-bd" style="height: 300px">
            <form class="am-form am-form-horizontal" v-on:submit.prevent="prevent()">
                <div v-if="editFor==1">
                    <div class="am-form-group">
                        <label for="groupName" class="am-u-sm-2 am-form-label">名称:</label>
                        <div class="am-u-sm-10">
                            <input type="text" id="groupName" placeholder="至少3个字符" v-model="data.groupName" required="true" />
                        </div>
                    </div>
                    <div class="am-form-group">
                        <label class="am-u-sm-2 am-form-label">显示类型</label>
                        <div class="am-u-sm-10" style="text-align: left;">
                            <label class="am-radio-inline">
                                <input type="radio" value="1" v-model="data.dataShowType" />列表结构
                            </label>
                            <label class="am-radio-inline">
                                <input type="radio" value="2" v-model="data.dataShowType" />树形结构
                            </label>
                        </div>
                    </div>
                </div>
                <div v-if="editFor==2">
                    <div class="am-form-group">
                        <label for="groupName" class="am-u-sm-2 am-form-label">显示名称:</label>
                        <div class="am-u-sm-10">
                            <input type="text" v-model="data.itemText" required="true" />
                        </div>
                    </div>
                    <div class="am-form-group">
                        <label for="groupName" class="am-u-sm-2 am-form-label">数据Id:</label>
                        <div class="am-u-sm-10">
                            <input type="text" v-model="data.itemId" required="true" />
                        </div>
                    </div>
                    <div v-if="data.dataShowType==2" class="am-form-group">
                        <label for="groupName" class="am-u-sm-2 am-form-label">父对象</label>
                        <div class="am-u-sm-10">
                            <input type="text" v-model="data.parentText" v-on:click="showTreeDrop()">
                        </div>
                    </div>
                </div>
                <button style="display: none;" id="basedata-validFrom">valid</button>
            </form>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" data-am-modal-confirm v-on:click="save()">确定</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="toptop-modal">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">{{title}}</div>
        <div class="am-modal-bd" style="height: 300px">
            <form class="am-form am-form-horizontal" v-on:submit.prevent="prevent()">
                <div id="toptop-treedata"></div>
                <button style="display: none;" id="toptop-modal-validFrom">valid</button>
            </form>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" data-am-modal-confirm v-on:click="save()">确定</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-confirm" tabindex="-1" id="new-employee-panel">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">新增用户</div>
        <div class="am-modal-bd">
            <form class="am-form am-form-horizontal" v-on:submit.prevent="prevent()">
                <div class="am-form-group">
                    <label for="username" class="am-u-sm-2 am-form-label">用户名</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="username" placeholder="输入你的用户名(至少3个字符)" v-model="user.userName" required="true" />
                    </div>
                </div>

                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">性别</label>
                    <div class="am-u-sm-10" style="text-align: left;">
                        <label class="am-radio-inline">
                            <input type="radio" value="1" name="gender" v-model="user.gender" /> 男
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" value="2" name="gender" v-model="user.gender" /> 女
                        </label>
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="user-department" class="am-u-sm-2 am-form-label">部门</label>
                    <div class="am-u-sm-10">
                        <div class="am-input-group">
                          <input type="text" id="user-department" v-model="user.deptName" />
                          <span class="am-input-group-btn">
                            <button class="am-btn am-btn-default" type="button" v-on:click="getDept()" style="height: auto;"><span class="am-icon-search"></span></button>
                          </span>
                        </div>
                    </div>
                </div>

                <div class="am-form-group">
                    <label for="phone" class="am-u-sm-2 am-form-label">手机</label>
                    <div class="am-u-sm-10">
                        <input type="text" id="phone" v-model="user.cellPhone" />
                    </div>
                </div>


                <div class="am-form-group">
                    <label for="email" class="am-u-sm-2 am-form-label">邮箱</label>
                    <div class="am-u-sm-10">
                        <input type="email" id="email" placeholder="输入邮箱" v-model="user.email" required="true" />
                    </div>
                </div>

                <div class="am-form-group">
                    <label class="am-u-sm-2 am-form-label">用户类型</label>
                    <div class="am-u-sm-10" style="text-align: left;">
                        <label class="am-radio-inline">
                            <input type="radio" value="1" name="userType" v-model="user.userType" /> 运行用户
                        </label>
                        <label class="am-radio-inline">
                            <input type="radio" value="2" name="userType" v-model="user.userType" /> 设计用户
                        </label>
                    </div>
                </div>
                <button style="display: none;" id="validFrom">valid</button>
            </form>
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel v-on:click="cancel()">取消</span>
            <span class="am-modal-btn" data-am-modal-confirm v-on:click="save()">确定</span>
        </div>
    </div>
</div>
<div class="am-dropdown-content" id="business-tooltips" ishover="false" >
    <div v-if="showBtns">
        <template v-if="jstree == 'userright-pack-tree'">
            <button class="am-btn am-btn-block" v-on:click="editUserReport()">修改</button>
            <button class="am-btn am-btn-block" v-on:click="resetUserReport()" v-bind:disabled="disableReset">重置</button>
        </template>
        <template v-else>
            <button class="am-btn am-btn-block" v-on:click="editName()">修改名称</button>
            <button class="am-btn am-btn-block" v-if="isPackage" v-on:click="addForm()">增加表单</button>
            <button class="am-btn am-btn-block am-btn-danger" v-on:click="deleteNode">删除</button>
        </template>
    </div>
    <div v-else>
        <input type="text" class="am-form-field" style="margin-bottom: 5px;font-size: 1.25rem;border-radius: 3px;" placeholder="{{placeHolder}}" v-model="btName" v-on:keyup.enter="save()">
        <div class="am-cf">
            <button class="am-btn am-fl" v-on:click="save()">确定</button>
            <button class="am-btn am-fr" v-on:click="cancel()">取消</button>
        </div>
    </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="delete-confirm">
    <div class="am-modal-dialog">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd"></div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
            <span class="am-modal-btn am-btn-danger" data-am-modal-confirm>确定</span>
        </div>
    </div>
</div>

<div class="am-modal am-modal-confirm" tabindex="-1" id="edit-auth">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">修改权限</div>
    <div class="am-modal-bd">
        <table class="am-table">
            <thead>
            <tr>
                <td>操作列表</td>
                <td>授权</td>
                <td style="width: 70%">权限描述</td>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>查看</td>
                <td>
                    <input type="checkbox" v-on:change="modifyRight(1)" v-model="view"/>
                </td>
                <td>查看表单数据</td>
            </tr>
            <tr>
                <td>填报</td>
                <td>
                    <input type="checkbox" v-on:change="modifyRight(1)" v-model="fillIn" />
                </td>
                <td>填报,修改填报数据</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" v-on:click="cancel">取消</span>
      <span class="am-modal-btn" v-on:click="save">确定</span>
    </div>
  </div>
</div>

    
<div id="J-workspace-filter" class="workspace-filter" style="display: none;">
  <div class="workspace_fields filter-inner">
    <div class="filter-bar">
      <div class="title"><i class="sicon sicon-point-group"></i>分析面板</div>
      <div class="filter-convert" id="J-filter-convert" title="维度查看">
                    <i class="sicon sicon-eye-close"></i>
                </div>
                <div class="filter-expand" id="J-filter-expand" title="折叠 / 展开">
                    <i class="sicon sicon-expand"></i>
                </div>
        </div>
    <div class="filter-content">
      <div class="fields_list item">
        <div class="item-bar">行&nbsp;<i data-toggle="tooltip" data-placement="bottom" data-original-title="点击行中名称可添加过滤条件" class="icomoon-help-o"></i></div>
        <div class="fields_list_body rows item-content">
          <ul class="connectable ui-sortable">
              <input type="text" name="aa" data-am-datepicker />
          </ul>
        </div>
      </div>
      <div class="fields_list item">
        <div class="item-bar">列&nbsp;<i data-toggle="tooltip" data-placement="bottom" data-original-title="点击列中名称可添加过滤条件" class="icomoon-help-o"></i></div>
        <div class="fields_list_body columns item-content">
          <ul class="connectable ui-sortable"></ul>
        </div>
      </div>
      <div class="item">
        <div class="item-bar tabbar">
                        <div class="tabbar-item active" data-target="normal">
                            普通过滤
            <i data-toggle="tooltip" data-placement="bottom" data-original-title="可将左侧维度拖入此处作为过滤条件" class="icomoon-help-o"></i>
          </div>
          <div class="tabbar-item" data-target="high">高级过滤</div>
        </div>
        <div class="tab-content J-tab-content">
          <div class="fields_list filter-normal" data-target="normal">
            <div class="item-content fields_list_body filter">
              <ul class="connectable ui-sortable"></ul>
            </div>
          </div>
          <div class="filter-high hideimportant" data-target="high">
            <div class="high-query-column">
              <ul>
                <li class="status-add">
                                        <span class="high-query-add" title="添加查询条件">+ 添加条件</span><span class="high-query-remove hide" title="清空">
                                            <em class="ico-adl-del-gray J-remove-block"><i></i></em>
                  </span>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="am-modal" tabindex="100" id="change-pwd">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">修改密码</div>
    <div class="am-modal-bd">
        <label><span style="color:red;">*</span>原密码: </label>
        <input type="password" class="am-modal-prompt-input" v-model="oldPwd" />
        <label>新密码: </label>
        <input type="password" class="am-modal-prompt-input" v-model="newPwd" />
        <label>确认新密码: </label>
        <input type="password" class="am-modal-prompt-input" v-model="confirmNewPwd" />
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">取消</span>
      <span class="am-modal-btn" v-on:click="save()" data-am-modal-confirm>保存</span>
    </div>
  </div>
</div>

<script type="text/x-template" id="grid-template">
  <table class="am-table">
    <thead>
      <tr>
        <th>
            <input type="checkbox" name="allusers" v-model="allCheck" />
        </th>
        <template v-if="sort">
            <th v-for="key in columns" @click="sortBy(key.name)" :class="{active: sortKey == key.name}">
              {{key.label | capitalize}}
              <span class="arrow"
                :class="sortOrders[key.name] > 0 ? 'am-icon-sort-asc' : 'am-icon-sort-desc'">
              </span>
            </th>
        </template>
        <template v-else>
            <th v-for="key in columns" v-else>
              {{key.label | capitalize}}
            </th>
        </template>
        <th></th>
      </tr>
    </thead>
    <tbody>
        <template v-if="sort">
            <tr v-for="entry in data | orderBy sortKey sortOrders[sortKey]" v-show="entry.show">
                <td>
                    <input type="checkbox" id="{{entry.oid}}" value="{{entry.oid}}" v-model="userIds" />
                </td>
                <td v-for="key in columns">
                  <span>{{entry[key.name]}}</span>
                </td>
                <td>
                    <a href="#" class="operation" v-on:click="edit(entry)">编辑</a>
                    <a href="#" v-on:click="deleteItem(entry)">停用</a>
                </td>
            </tr>
        </template>
        <template v-else>
            <tr v-for="entry in data" v-show="entry.show">
                <td>
                    <input type="checkbox" id="{{entry.oid}}" value="{{entry.oid}}" v-model="userIds" />
                </td>
                <td v-for="key in columns">
                  <span>{{entry[key.name]}}</span>
                </td>
                <td>
                    <a href="#" class="operation" v-on:click="edit(entry)">编辑</a>
                    <a href="#" v-on:click="deleteItem(entry)">停用</a>
                </td>
            </tr>
        </template>
    </tbody>
  </table>
</script>

<script type="text/x-template" id="cminput-template">
    <div v-for="entry in newData">
        <form class="am-form am-form-horizontal" v-on:submit.prevent="prevent()">
            <div v-if="entry.vm_editType==1" class="am-form-group">
                <label for="vmItem" class="am-u-sm-2 am-form-label">{{entry.vm_text}}</label>
                <div class="am-u-sm-10">
                    <input type="text" id="vmItem" v-model="entry.vm_val" required="true" />
                </div>
            </div>
            <div v-if="entry.vm_editType==2" class="am-form-group">
                <label for="vmItem" class="am-u-sm-2 am-form-label">{{entry.vm_text}}</label>
                <div class="am-u-sm-10" style="text-align: left;">
                    <label class="am-radio-inline">
                        <input type="radio" value="1" name="user.gender" v-model="user.gender" /> 男
                    </label>
                    <label class="am-radio-inline">
                        <input type="radio" value="2" name="user.gender" v-model="user.gender" /> 女
                    </label>
                </div>
            </div>
        </form>
    </div>
</script>

<script type="text/template" id="search-template">
    <div class="screen-content">
        <div class="flex-content-column">
            <div class="title-bar">
                <span class="text" v-if="!showSearch"></span>
                <span class="search-input short" v-if="showSearch">
                    <input type="text" class="J-filter-dimension" placeholder="输入关键词" v-model="keywords" v-on:keyup="search()" />
                    <i class="sicon sicon-close-bg J-search-clear" v-on:click="clearSearch()"></i>
                </span>
                <span class="title-bar-search">
                    <i class="sicon sicon-search J-dimension-search" title="筛选维度" v-on:click="showSearchInput()"></i>
                    <i v-if="showResizeBar" v-on:mousedown="resizeBar" class="sicon icomoon-movable ew-resize" title="左右拖动"></i>
                </span>
            </div>
        </div>
    </div>
</script>

<script type="text/fx-template" id="fx-dialog">
    <div title="插入函数" class="function-dialog">
        <table>
            <thead>
                <tr>
                    <th>函数类别</th>
                    <th>选择函数</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <select multiple="multiple" size="1">
                            <!-- <option v-for="cls in classes" value="{{cls.name}}">{{cls.label}}</option> -->
                        </select>
                    </td>
                    <td>
                        <select  multiple="multiple" size="1"></select>
                    </td>
                </tr>
            </tbody>
        </table>
        <div>
            <div style="padding-top: 10px" data-target="pattern">ABS(Value)</div>
            <div style="padding-bottom: 10px" data-target="description">返回数字的绝对值</div>
            <div class="">
                <span >公式: </span>
                <input type="text" name="formula" style="width: calc(100% - 35px);" />
            </div>
        </div>
    </div>
</script>
<script type="text/javascript" src="../main/combojs/wrbase.js"></script>
<script type="text/javascript" src="../main/combojs/combo.js"></script>
<script type="text/javascript" src="../main/combojs/jstree/dist/jstree.js"></script>
<script type="text/javascript" src="../main/combojs/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../main/combojs/colorpick/spectrum.js"></script>
<script type="text/javascript" src="../main/combojs/toastr/toastr.min.js"></script>
<script type="text/javascript" src="../main/combojs/assets/js/go.js"></script>
<script type="text/javascript" src="../main/combojs/workflow.js"></script>
<script type="text/javascript" src="../main/combojs/chrometabs/chrome-tabs.js"></script>
</body>
</html>